<%--
  Created by IntelliJ IDEA.
  User: 张华伟
  Date: 2021/12/2
  Time: 9:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>

    <script src="js/bootstrap/js/bootstrap.bundle.js"></script>
    <script src="js/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="js/Jquery/jquery-3.6.0.min.js"></script>
    <script src="js/Jquery/jquery.particleground.js"></script>

    <style>
        .top_p{
            position: absolute;
            font-size: 40px;

            top: 5px;
            left: 40px;
        }

        body{
            background: url("IMG/1.png") no-repeat center center fixed;
            -webkit-background-size: cover;
            -o-background-size: cover;
            background-size: cover;

            border-left: none;border-right: none;
        }

        .menu{
            position: absolute;
            background-color: white;
            height: 946.5px;
            width: 300px;

            top: -10px;
            left: -10px;
        }

        .UserQuery{
            margin-top: 210px;
        }

        .top_div{
            position: absolute;
            left: -10px;
            background-color: white;
            width: 1930px;
            height: 150px;

            top: -10px;
        }

        ul,li{
            list-style-type: none;
        }

        a{
            text-decoration: none;
        }
    </style>
</head>
<body>
    <div class="menu">

        <div style="margin-top: 210px">

            <ul>
                <li>
                    <a  type="button" id="UserQuery" class="UserQuery" onclick="UserQuery()">用户查询</a>
                    <ul>
                        <li>
                            <a>注册时间</a>
                        </li>
                        <li>
                            <a>用户名称</a>
                        </li>
                        <li>
                            <a>车牌号码</a>
                        </li>
                        <li>
                            <a>手机号码</a>
                        </li>
                    </ul>
                </li>

                <li>
                    <a type="button" id="CollectionsList" class="CollectionsList" onclick="CollectionsList()">收入清单</a>
                    <ul>
                        <li>
                            <a>缴费日期</a>
                        </li>
                        <li>
                            <a>缴费金额</a>
                        </li>
                        <li>
                            <a>缴费账户</a>
                        </li>
                        <li>
                            <a>关联车牌号</a>
                        </li>
                    </ul>
                </li>

                <li>
                    <a type="button" id="Refund" class="Refund" onclick="Refund()">退费</a>
                    <ul>
                        <li>
                            <a>次卡用户</a>
                        </li>
                        <li>
                            <a>月卡用户</a>
                        </li>
                    </ul>
                </li>

                <li>
                    <form action="OutLogin" method="get">
                        <a type="submit" id="outLogin" class="outLogin">退出登录</a>
                    </form>
                </li>
            </ul>
        </div>
    </div>

    <div class="top_div">
        <p class='top_p'>欢迎 Admin </p>
    </div>



    <script>
        var userQuery =document.getElementById("UserQuery");
        var collectionsList =document.getElementById("CollectionsList");
        var refund =document.getElementById("Refund");
        var backM =document.getElementById("backMenu");

        function UserQuery(){

        }

        function CollectionsList(){

        }

        function Refund(){

        }
    </script>
</body>
</html>
